<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>exam</title>
    <script src="../jquery.min.js"></script>
    <script src="../layer.js"></script>
    <link rel="stylesheet" href="rule.css">
</head>
<body>
<nav class="header">
    <p onclick="history.back(-1)"><img src="../NeedToKnow/left.png" alt=""></p>
    <p>积分规则</p>
</nav>
<ul class="content">
    <li>
        <p class="title">报名并分享</p>
        <p class="content">
            <i><img src="point.png" alt=""></i>
            <span>200积分</span>
        </p>
    </li>
    <li style="line-height: 0.4rem">
        <div class="down down1">
            <p class="title">完善资料</p>
            <p class="title1">
                <i><img src="point.png" alt=""></i>
                <span>30积分</span>
            </p>
        </div>
       <div class="drop_wrap drop_wrap1">
           <div class="drop">
               <p class="title">头像</p>
               <p class="title1">
                   <i><img src="point.png" alt=""></i>
                   <span>3积分</span>
               </p>
           </div>
           <div class="drop">
               <p class="title">姓名</p>
               <p class="title1">
                   <i><img src="point.png" alt=""></i>
                   <span>2积分</span>
               </p>
           </div>
           <div class="drop">
               <p class="title">性别</p>
               <p class="title1">
                   <i><img src="point.png" alt=""></i>
                   <span>3积分</span>
               </p>
           </div>
           <div class="drop">
               <p class="title">职业</p>
               <p class="title1">
                   <i><img src="point.png" alt=""></i>
                   <span>3积分</span>
               </p>
           </div>
           <div class="drop">
               <p class="title">身份证</p>
               <p class="title1">
                   <i><img src="point.png" alt=""></i>
                   <span>5积分</span>
               </p>
           </div>
           <div class="drop">
               <p class="title">400题</p>
               <p class="title1">
                   <i><img src="point.png" alt=""></i>
                   <span>26积分</span>
               </p>
           </div>
       </div>
    </li>
    <li style="line-height: 0.4rem">
        <div class="down down2">
            <p class="title">刷题并分享（每日一次）</p>
            <p class="title1">
                <i><img src="point.png" alt=""></i>
                <span>...</span>
            </p>
        </div>
        <div class="drop_wrap drop_wrap2" style="margin-top: 0.3rem">
            <div class="drop">
                <p class="title">30题</p>
                <p class="title1">
                    <i><img src="point.png" alt=""></i>
                    <span>1积分</span>
                </p>
            </div>
            <div class="drop">
                <p class="title">50题</p>
                <p class="title1">
                    <i><img src="point.png" alt=""></i>
                    <span>2积分</span>
                </p>
            </div>
            <div class="drop">
                <p class="title">100题</p>
                <p class="title1">
                    <i><img src="point.png" alt=""></i>
                    <span>5积分</span>
                </p>
            </div>
            <div class="drop">
                <p class="title">200题</p>
                <p class="title1">
                    <i><img src="point.png" alt=""></i>
                    <span>12积分</span>
                </p>
            </div>
            <div class="drop">
                <p class="title">300题</p>
                <p class="title1">
                    <i><img src="point.png" alt=""></i>
                    <span>19积分</span>
                </p>
            </div>
            <div class="drop">
                <p class="title">400题</p>
                <p class="title1">
                    <i><img src="point.png" alt=""></i>
                    <span>26积分</span>
                </p>
            </div>
            <div class="drop">
                <p class="title">400题</p>
                <p class="title1">
                    <i><img src="point.png" alt=""></i>
                    <span>35积分</span>
                </p>
            </div>
        </div>
    </li>
    <li style="line-height: 0.4rem">
        <div class="down down3">
            <p class="title ">送考结果分享</p>
            <p class="title1">
                <i><img src="point.png" alt=""></i>
                <span>共计100积分</span>
            </p>
        </div>
        <div class="drop_wrap drop_wrap3">
            <div class="drop">
                <p class="title">科一</p>
                <p class="title1">
                    <i><img src="point.png" alt=""></i>
                    <span>20积分</span>
                </p>
            </div>
            <div class="drop">
                <p class="title">科二</p>
                <p class="title1">
                    <i><img src="point.png" alt=""></i>
                    <span>20积分</span>
                </p>
            </div>
            <div class="drop">
                <p class="title">科三</p>
                <p class="title1">
                    <i><img src="point.png" alt=""></i>
                    <span>20积分</span>
                </p>
            </div>
            <div class="drop">
                <p class="title">科四</p>
                <p class="title1">
                    <i><img src="point.png" alt=""></i>
                    <span>40积分</span>
                </p>
            </div>
        </div>
    </li>
    <li>
        <p class="title">模拟真题（每日仅限一次）</p>
        <p class="content">
            <i><img src="point.png" alt=""></i>
            <span>10积分</span>
        </p>
    </li>
    <li>
        <p class="title">拼车（每次拼车分享仅限一次有效）</p>
        <p class="content">
            <i><img src="point.png" alt=""></i>
            <span>10积分</span>
        </p>
    </li>
    <li>
        <p class="title">学车分享（每个订单仅限一次）</p>
        <p class="content">
            <i><img src="point.png" alt=""></i>
            <span>10积分</span>
        </p>
    </li>
    <li>
        <p class="title">邀请好友（报名成功即可）</p>
        <p class="content">
            <i><img src="point.png" alt=""></i>
            <span>1000积分</span>
        </p>
    </li>
</ul>






<script>
    document.addEventListener("plusready", function() {
        // 注册返回按键事件
        plus.key.addEventListener('backbutton', function() {
            // 事件处理
            plus.nativeUI.confirm("退出程序？", function(event) {
                if (event.index) {
                    plus.runtime.quit();
                }
            }, null, ["取消", "确定"]);
        }, false);
    });
    /*动态获取html根字体*/
    $(function(){
        //设置根元素字体
        var win = window,
            doc = document;
        function setFontSize() {
            var winWidth = $(window).width();

            //750这个数字是根据你的设计图的实际大小来的，所以值具体根据设计图的大小
            var size = (winWidth /1080) * 100;
            doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px';
        }
        //这里我们给个定时器来实现页面加载完毕再进行字体设置
        setTimeout(function() {
            //初始化
            setFontSize();
        }, 100);
    });
    $(".down1").click(function(){
       $(".drop_wrap1").toggle()
    })
    $(".down2").click(function(){
        $(".drop_wrap2").toggle()
    })
    $(".down3").click(function(){
        $(".drop_wrap3").toggle()
    })

</script>
</body>
</html>
